import React from 'react'
import {Card, Form, Input, Button, Radio,} from 'antd';
export default function departAdd() {
    const onFinish = (values: any) => {
        console.log('Success:', values);
      };
    
      const onFinishFailed = (errorInfo: any) => {
        console.log('Failed:', errorInfo);
      };
  return (
    <div><Card 
    title="Default size card" extra={<a href="#">More</a>} style={{ width: 500 }}
    >
       <Form
      name="basic"
      labelCol={{ span: 8 }}
      wrapperCol={{ span: 16 }}
      initialValues={{ remember: true }}
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
      autoComplete="off"
    >
      <Form.Item
        label="账号"
        name="username"
        rules={[{ required: true, message: 'Please input your username!' }]}
      >
        <Input />
      </Form.Item>

      <Form.Item
        label="员工姓名"
        name="departName"
        rules={[{ required: true, message: 'Please input your password!' }]}
      >
        <Input.Password />
      </Form.Item>
      <Form.Item
        label="手机号"
        name="phoneNumber"
        rules={[{ required: true, message: 'Please input your password!' }]}
      >
         <Input />
      </Form.Item>
      <Form.Item name="radio-group" label="Radio.Group">
        <Radio.Group defaultValue={"女"}>
          <Radio value="男" >男</Radio>
          <Radio value="女">女</Radio>
        </Radio.Group>
      </Form.Item>
      <Form.Item
        label="身份证号码"
        name="idNumber"
        rules={[{ required: true, message: 'Please input your password!' }]}
      >
         <Input />
      </Form.Item>
      <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
        <Button type="primary" htmlType="submit">
         保存
        </Button>
      </Form.Item>
    </Form>    
   </Card></div>
  )
}
